<template>
  <div class="order-ycspace-detail-view">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>订单信息</span>
      </div>
      <el-table :data="tableData" border header-row-class-name="header">
        <el-table-column prop="date" align="center" label="商品ID" />
        <el-table-column prop="name" align="center" label="商品名称" />
        <el-table-column prop="address" align="center" label="当前售价" />
        <el-table-column prop="address" align="center" label="商品销售状态" />
        <el-table-column prop="address" align="center" label="订单编号" />
        <el-table-column prop="address" align="center" label="下单时间" />
        <el-table-column prop="address" align="center" label="付款倒计时" />
      </el-table>
      <el-table :data="tableData" border header-row-class-name="header">
        <el-table-column prop="date" align="center" label="销方" />
        <el-table-column prop="name" align="center" label="销方所属空间" />
        <el-table-column prop="address" align="center" label="销方上级" />
        <el-table-column prop="address" align="center" label="买方" />
        <el-table-column prop="address" align="center" label="买方所属空间" />
        <el-table-column prop="address" align="center" label="买方上级" />
        <el-table-column prop="address" align="center" label="订单状态" />
      </el-table>
      <el-table :data="tableData" border header-row-class-name="header">
        <el-table-column prop="date" align="center" label="价格区间" />
        <el-table-column prop="name" align="center" label="申诉" />
        <el-table-column />
        <el-table-column />
        <el-table-column />
        <el-table-column />
        <el-table-column />
      </el-table>
    </el-card>

    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>基础信息</span>
      </div>
      <el-table :data="tableData" border header-row-class-name="header">
        <el-table-column prop="date" align="center" label="商品图片" />
        <el-table-column prop="name" align="center" label="艺术家" />
        <el-table-column prop="address" align="center" label="商品唯一编码" />
        <el-table-column prop="address" align="center" label="初始价格" />
        <el-table-column prop="address" align="center" label="置换库价格区间" />
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'SpaceOrderDetail',

  data() {
    return {}
  },

  beforeMount() {
    console.log('asd')
  }
}
</script>

<style lang="scss">
@import './index';
</style>
